Редактирование HTML кода
<div class="box"> <div>Первый блок</div> <div>Второй блок</div> <div class="selected">Третий блок</div> <div>Четвертый блок</div> </div>
Редактирование CSS
.box { display: flex; flex-direction: column; align-items: flex-start; width: 200px; } .box>*:first-child { align-self: stretch; } .box .selected { align-self: center; }
Результат отображения браузером
Первый блок
Второй блок
Третий блок
Четвертый блок